/**
 * @author:linjiye
 * @date: 2025/3/24
 * @desc:
 **/

import {StyleSheet, Text, TouchableOpacity, View, Image} from 'react-native'
import React from 'react'
import {Flex} from "@ant-design/react-native";
import {router} from "expo-router";

type Props = {}

const PageTopDeliver = (props: Props) => {
    return (
        <Flex justify='between' style={styles.container}>
            <View style={styles.deliver_name}>
                <Image style={styles.deliver_img} source={require('@/assets/images/index/tx.png')}
                       resizeMode={'contain'}></Image>
                <Text style={styles.deliver_text}>专属交付顾问：<Text
                    style={{color: 'rgba(40,86,255,1.00)'}}>常洋辉</Text></Text>
            </View>

            <TouchableOpacity activeOpacity={0.8} onPress={() => router.push("/aiFeeding")}>
                <Image style={{width: 25, height: 25}} source={require('@/assets/images/index/syh_icon.png')}
                       resizeMode={'contain'}></Image>
            </TouchableOpacity>
        </Flex>
    )
}

export default PageTopDeliver

const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        justifyContent: "space-between",
        alignItems: "center",
        marginHorizontal: 16,
        height: 44
    },
    deliver_name: {
        width: 180,
        height: 32,
        color: '#3D3D3D',
        borderRadius: 48,
        backgroundColor: '#FFF',
        flexDirection: 'row',
        alignItems: "center",
    },
    deliver_img: {
        width: 32,
        height: 32,
    },
    deliver_text: {
        fontSize: 12,
        color: '#3D3D3D',
        marginLeft: 7
    },
    topLeft: {
        flexDirection: 'row',
        alignItems: "center"
    },
})